<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="telephone=no" name="format-detection" />
    <title>便民服务</title>
    <link href="/css/main.css" rel="stylesheet" type="text/css">
    <link href="/css/style.css" rel="stylesheet" type="text/css">
    <link href="/css/shake.css" rel="stylesheet" type="text/css">
    <link href="/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/css/animate.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/js/wo.js"></script>
</head>
<body>
<div class="warpe">
    <div class="head">
        <a href="/server/index" class="return"><i class="icon-chevron-left"></i> 返回</a>
        便民服务
        <a href="Interest_user.html" class="search"><i class="icon-reorder"></i> </a>
    </div>

    <div class="sc_div">
        <div class="pictitle pictitle2">
            <span class="picbg"></span>
            <span>热门服务</span>
        </div>
        <ul class="sc_list" th:each="menu:${hotLists}">
            <li>
                <a th:href="${'/server/changeServer?serverMenuId='+menu.id}">
                    <p><img th:src="${menu.serverImg}" class="animated bounceIn"></p>
                    <span>[[${menu.serverName}]]</span>
                </a>
            </li>
        </ul>
    </div>
    <!--上门服务-->
    <div class="Area" th:each="menus:${lists}">
        <div class="pictitle pictitle2">
            <span class="picbg"></span>
            <span>[[${menus.serverName}]]</span>
        </div>
        <ul th:each="submenu:${menus.submenus}">
            <li>
                <a th:href="${'/server/changeServer?serverMenuId='+submenu.id}">
                    <img th:src="${submenu.serverImg}" class="animated bounceIn">
                    <span>[[${submenu.serverName}]]</span>
                </a>
            </li>
        </ul>
    </div>


</div>
<div class="navside">
    <ul>
        <li class="margin_left animated bounceInLeft">
            <a href="index.html">
                <p><i class="icon-home"></i> </p>
                <span>首页</span>
            </a>
        </li>
        <li class="animated bounceInRight">
            <a href="smart_index.html">
                <p><i class="icon-globe"></i> </p>
                <span>智能中心</span>
            </a>
        </li>
        <li class="animated bounceInLeft">
            <a href="#" class="navside_hover">
                <p><i class="icon-star-empty"></i> </p>
                <span>服务中心</span>
            </a>
        </li>
        <li class="animated bounceInRight">
            <a href="community.html">
                <p><i class="icon-columns"></i> </p>
                <span>社区互动</span>
            </a>
        </li>
        <li class="animated bounceInLeft">
            <a href="Information_index.html">
                <p><i class="  icon-th-large"></i> </p>
                <span>信息中心</span>
            </a>
        </li>
    </ul>
</div>
<script type="text/javascript" src="/js/slide_wap.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
</body>
</html>